@import url(style.css);
/*
首页
*/
/* Callback example */
.callbacks_container{position:relative;width:100%;max-width:100%;text-align:center; }
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;top:50%; margin-top:-19px;left:50%; margin-left:-670px;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:38px;width:21px;/*background:transparent url("../images/left.png") no-repeat left top;*/transition:all 0.3s; display:none;}
.callbacks_nav:hover{opacity:0.8;filter:Alpha(opacity=80);}
/*.callbacks_container:hover .callbacks_nav{display:block;}*/
.callbacks_nav:active{}
.callbacks_nav.next{left:auto;right:50%; margin-right:-670px;/*background:transparent url("../images/right.png") no-repeat 0px top;*/}
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
.banner_content{ width:1200px; height:550px;/* background:url(../images/banner_bg.png) repeat-x;*/ position: relative; z-index: 120;  font:300 14px "宋体"; color:#FFF; }
.banner_content a{ display:block; width:100%; height:100%;}
.b_center{ margin:0 auto; text-align:center;}

.callbacks_tabs.callbacks1_tabs{margin-top:-37px; position:relative;z-index:9; margin-bottom:21px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;height:12px;margin-right:4px; margin-left:4px;/*border:1px solid #FFF;*/position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;border-radius:50%;/*position:absolute;*/ left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent; background:rgba(255,255,255,0.4);}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#fff;}

/*产品*/
.i_one{ margin-top:40px; overflow:hidden; margin-bottom:52px;}
.i_one ul li{ float:left; width:380px; margin-right:10.66px; overflow:hidden;transition:all 0.3s; text-align:center;}
.i_one ul li:nth-child(4n+0){ margin-right:0;}
.i_one ul li a{ display:block;}
.i_one ul li:hover{background:rgba(233,249,255,0.4);}
.i_one ul li i{ display:block; margin:0 auto; width:115px; height:115px; overflow:hidden; border-radius:50%; background:#e9f9ff; margin-top:40px;transition:all 0.3s;}
.i_one ul li:hover i{ background:none;}
.i_one ul li i img{ width:100%;}
.i_one ul li .h3{ overflow:hidden;height:46px; line-height:46px;font-weight:normal; font-size:20px;color:#333333; margin-top:17px;transition:all 0.3s;}
.i_one ul li:hover .h3{ color:#12aee7;}
.i_one ul li .p{ max-width:260px; margin:0 auto;overflow:hidden;height:72px; line-height:24px;font-size:14px;color:#666666;}
.i_one ul li em{ font-style:normal; display:block;width:74px;height:27px; line-height:27px;border-radius:20px; border:1px solid #12aee7; color:#12aee7;transition:all 0.3s; font-size:14px; display:block; margin:0 auto; margin-top:33px; margin-bottom:66px;}
.i_one ul li em:hover{ text-indent:3px;}
.i_one ul li:hover em{ background:#12aee7; color:#fff;}
.i_one ul li em span{ padding-left:5px; font-family:"宋体"; font-weight:bold;}
/*解决方案*/
.i_title{ overflow:hidden; text-align:center; margin-top:45px; clear:both;}
.i_title img{ display:block; margin:0 auto;}
.i_title .h3{ color:#333333; overflow:hidden;height:46px; line-height:46px; text-transform:uppercase; margin-top:11px; font-size:36px; font-weight:normal;}
.i_title .p{ overflow:hidden;line-height:24px;font-size:16px;color:#999999;}
.i_title.bgs2 .h3{ color:#fff;}
.i_title.bgs2 .p{ color:#fff;}
.i_two{background:url(../images/i_bg3.jpg) center center no-repeat; background-size:cover; height:664px; position:relative;}
.i_two .ico{ position:absolute; top:-17px; left:50%; width:136px; height:17px; margin-left:-68px; background:url(../images/i_bg1.png) no-repeat;transition:all 0.3s;}
.i_two .ico2{ position:absolute; bottom:-1px; left:50%; width:150px; height:18px; margin-left:-75px; background:url(../images/i_bg2.png) no-repeat;transition:all 0.3s;}
/*关于我们*/

.i_three{ margin: auto;
    max-width: 1400px;
    background: #fff;
    position: relative;}
.i_three .imgs{ position:absolute; right:0; width:50%; overflow:hidden; top:0; background-repeat:no-repeat; background-position:left center; background-size:cover; height:400px;}
.i_three .txts{ max-width: 50%; overflow:hidden;}
.i_three .logo{ display:block; margin-top:75px;}
.i_three .h3{ color:#333333; overflow:hidden;height:42px; line-height:42px;  margin-top:14px; font-size:28px; font-weight:bold;}
.i_three .p{ font-size:16px; overflow:hidden; color:#666666; line-height:26px; margin-top:39px;}
.i_three .ul{ overflow:hidden; margin-top:21px; height:136px;}
.i_three .ul ul li{ float:left; width:116px; overflow:hidden; margin-right:10px; margin-bottom:10px;}
.i_three .ul ul li:nth-child(4n+0){ margin-right:0;}
.i_three .ul ul li .img{ overflow:hidden; border-radius:6px; border:1px solid #eeeeee;transition:all 0.3s;}
.i_three .ul ul li .img img{ display: block;width: 100%; height:57px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_three .ul ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_three .ul ul li:hover .img{ border-color:#12aee7;}
.i_three .txts .em{ text-align:center;font-style:normal; display:block;width:145px;height:44px; line-height:44px;border-radius:26px; border:1px solid #12aee7; color:#12aee7;transition:all 0.3s; font-size:16px; display:block;}
.i_three .txts .em:hover{ text-indent:3px;background:#12aee7; color:#fff;}
.i_three .txts .em span{ padding-left:5px; font-family:"宋体"; font-weight:bold;}

@media screen and (max-width: 30em) {
  	.i_three{ margin: auto;
		max-width: 100%;
		background: #fff;
		position: relative;}
	.i_three .imgs{ position:absolute; right:0; width:0%; overflow:hidden; top:0; background-repeat:no-repeat; background-position:left center; background-size:cover; height:400px;}
	.i_three .txts{ max-width: 100%; overflow:hidden;}
}
	
@media screen and (max-width: 359px) {
  	.i_three{ margin: auto;
		max-width: 100%;
		background: #fff;
		position: relative;}
	.i_three .imgs{ position:absolute; right:0; width:0%; overflow:hidden; top:0; background-repeat:no-repeat; background-position:left center; background-size:cover; height:400px;}
}

/*关于我们2*/
.i_four{background:url(../images/i_bg4.jpg) center center no-repeat; background-size:cover; height:643px; position:relative;}
.i_four .ico{ position:absolute; top:-17px; left:50%; width:136px; height:17px; margin-left:-68px; background:url(../images/i_bg3.png) no-repeat;transition:all 0.3s;}
.i_four .ico2{ position:absolute; bottom:-1px; left:50%; width:150px; height:18px; margin-left:-75px; background:url(../images/i_bg2.png) no-repeat;transition:all 0.3s;}
/*产品*/
.i_four{ margin-top:40px; }
.i_four .ul{ margin-top:50px;}
.i_four .ul ul li{ float:left; width:33.33%; position:relative; overflow:hidden;transition:all 0.3s; text-align:center;}
.i_four .ul ul li:last-child:after{ width:0;}
.i_four .ul ul li:after{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.2);}
.i_four .ul ul li a{ display:block;}
.i_four .ul ul li i{ display:block; margin:0 auto; width:105px; height:105px; border:8px solid rgba(255,255,255,0.2); overflow:hidden; border-radius:50%; background:#fff; }
.i_four .ul ul li:hover{transform: translate(0%, -10px);}
.i_four .ul ul li i img{ width:100%;}
.i_four .ul ul li .h3{ max-width:260px; margin:0 auto; overflow:hidden;height:46px; line-height:46px;font-weight:bold; font-size:18px;color:#fff; margin-top:12px;transition:all 0.3s;}
.i_four .ul ul li .p{ max-width:230px; margin:0 auto;overflow:hidden; line-height:24px;font-size:14px;color:#e7f2f7;}